@charset "utf-8";

@font-face {
    font-family: 'HarmonyOS Sans SC';
    src: url('HarmonyOS_Sans_SC_Light.woff2') format('woff2'),
        url('HarmonyOS_Sans_SC_Light.woff') format('woff'),
        url('HarmonyOS_Sans_SC_Light.ttf') format('truetype');
    font-weight:lighter;
    font-style: normal;
    font-display: swap;
}






body{margin:0px; font-size:14px; color:#444;font-family:HarmonyOS Sans SC; background:#ffffff; font-weight:lighter;  }
*{padding:0px; margin:0px; box-sizing: border-box;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,h7,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td {margin:0; padding:0; font-family:HarmonyOS Sans SC; font-style:normal;}
h1,h2,h3,h4,h5,h6,h7 {list-style:none; font-weight:normal;}
input,select,button{font-size:12px; font-family:HarmonyOS Sans SC; border:0; background:none; outline:none; vertical-align:middle;}
button {overflow:visible}
img{border:none; vertical-align:middle;}
img {image-rendering: -moz-crisp-edges; /* Firefox */     
image-rendering: -o-crisp-edges; /* Opera */      
image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */ image-rendering: crisp-edges; \
/* IE (non-standard property) */}
li{list-style:none;}
a{color:#444; text-decoration:none;}
a:hover{color:#000;}
.clear{overflow:hidden; clear:both; height:0px;}
.clearfix:after {content: '';display: block;clear: both;height: 0;visibility: hidden;}
.clearfix {/*兼容 IE*/zoom: 1;}
.lf{float:left;}
.rt{float:right;}
::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{background-color:#666;}
::-webkit-scrollbar-thumb{background-color:#ddd;}
::-webkit-scrollbar-thumb:hover{background-color:#005d9f;}
::-webkit-scrollbar-thumb:active{background-color:#005d9f;}





.con { width:90%; margin:0px auto; max-width:1200px;}





.header{width:100%; position:fixed; top:0; left:0; z-index:99; background:#fff;}
.header .conn { width:90%; margin:0px auto;}
.header.on{ background: rgba(255, 255, 255, 0.99);}
.header .logo{width:170px; float:left; padding-top:10px;}
.header .logo img{width:100%; height:auto; display:block;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .logo:hover img {transform:scale(1.05);  transition: all 0.5s; }


.header.on .an i{color:#2bb498;}
.header .an{position:absolute; top:0; right:5%; height:18px; width:30px; display: block; margin-top:24px; }
.header .an span{width:30px; height:3px; background:#4659ce; display:block; position:absolute;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:8px; left:0;}
.header .an span.a3{top:16px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:8px; width:30px;transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:8px; width:30px;transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);}



.header .nav i{font-size:18px; color:#666; line-height:54px; text-align:right; position:absolute; width:50%; height:54px; right:0px; top:50%; display:block;transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);}
.header .nav ul { width: 100%;}
.header .nav{width:100%; padding:40px 18%;  height:100%; position:fixed; top:65px; margin-top:0; left:-100%; z-index:11; overflow:auto; background: rgba(255, 255, 255, 0.9);
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s; z-index:65; margin-left:0;}
.header .nav.on{left:0; margin-top:0} 
.header .nav ul li.on span{width:0%;}
.header .nav ul li:hover span{width:0%;}
.header .nav ul li:hover a { color:#4b63f6;}
.header .nav ul li{line-height:70px;  text-align: center; float:none; margin:0; padding:0; font-size:24px; color:#333; border-bottom:1px solid #ddd;}
.header .nav ul li a {font-size:24px; color:#333;}
.header .nav ul li:after { background: rgba(0,0,0,0);}
.header .nav .e_j{padding:0px;  background:none; position:relative; top:auto; left:auto; width:100%; height: auto; margin-left:0px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;}
.header .nav ul li:hover .e_j{display:none;}
.header .nav .e_j.n{display:block !important;}
.header .nav ul li .e_j a{display:block; font-size:14px; color:#666; margin-left:0px; text-align: left;}
.header .nav ul li .e_j a:hover { color: #fff; padding: 0 10px;}
@media only screen and (max-width:1660px){

.header .dh { font-size: 20px;  width: 160px; margin-right: 15px; }
.header .nav ul li{ padding:0px 40px 0 5px;}
}
@media only screen and (max-width:1440px){

.header .dh { font-size: 20px;  width: 160px; margin-right: 15px; }
.header .nav ul li{ padding:0px 40px 0 5px;}
}
@media only screen and (max-width:1280px){

.header .nav ul li{ padding:0px 30px 0 5px;}
}
@media only screen and (max-width:995px){
.header{padding:0%;}
.header .logo{width:40%; float:left;padding:0px; }
.header .logo img { width:100%; height:auto;}

	
.header .an{display:block;}
.header .nav ul { width: 100%;}
.header .nav{width:100%; padding:15px 5%;  height:100%; position:fixed; top:60px; margin-top:0; left:-100%; z-index:11; overflow:auto; background: rgba(255, 255, 255, 0.9);
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s; z-index:65; margin-left:0;}
.header .nav.on{left:0; margin-top:0} 
.header .nav ul li.on span{width:0%;}
.header .nav ul li:hover span{width:0%;}
.header .nav ul li:hover a { color:#2bb498;}
.header .nav i{display:block; }
.header .nav ul li{line-height:50px;  text-align:left; float:none; margin:0; padding:0; font-size:16px; color:#333; border-bottom:1px solid #ddd;}
.header .nav ul li a {font-size:16px; color:#333;}
.header .nav ul li:after { background: rgba(0,0,0,0);}
.header .nav .e_j{padding:0px;  background:none; position:relative; top:auto; left:auto; width:100%; height: auto; margin-left:0px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;}
.header .nav ul li:hover .e_j{display:none;}
.header .nav .e_j.n{display:block !important;}
.header .nav ul li .e_j a{display:block; font-size:14px; color:#666; margin-left:0px; text-align: left;}
.header .nav ul li .e_j a:hover { color: #fff; padding: 0 10px;}
}


.head_h{width:100%; height:0px;}
@media only screen and (max-width:1023px) {
.head_h{width:100%; height:60px;}
}





.gallery-top{width:100%; position:relative;}
.gallery-top .swiper-slide img{width:100%; height:auto; display:block;}
.gallery-top .swiper-slide .bj {position:absolute; left:0; top:0; height: 100%; width: 100%; }
.gallery-top .swiper-slide .wz{width:80%; color:#fff; position:absolute; left:50%; top:44%; text-align:left; max-width:1200px; margin-left:-600px; }
.gallery-top .swiper-slide .wz h3{font-size:42px; color:#4659ce;}
.gallery-top .swiper-slide .wz h2{font-size:36px;  line-height:85px; }
.gallery-top .swiper-slide .wz p{font-size:20px; color:#4659ce; }
.gallery-top .swiper-button-next{width:45px; height:45px; background:url(../images1/h_yj.png) no-repeat; right:20px;background-size:45px 45px; -webkit-background-size:45px 45px; -moz-background-size:45px 45px; -ms-background-size:45px 45px; -o-background-size:45px 45x;}
.gallery-top .swiper-button-prev{width:45px; height:45px; background:url(../images1/h_zj.png) no-repeat; left:20px; background-size:45px 45px; -webkit-background-size:45px 45px; -moz-background-size:45px 45px; -ms-background-size:45px 45px; -o-background-size:45px 45x;}
.gallery-top .swiper-button-next, .swiper-button-prev {position: absolute;top:55%;}
@media only screen and (max-width:992px){
.gallery-top{width:100%; position:relative; height: 40vh;}
.gallery-top .swiper-slide { overflow: hidden;}
.gallery-top .swiper-slide img{width: auto; height:40vh; position: absolute; left:50%;  transform:translateX(-50%);   top:0; }
.gallery-top .swiper-slide .bj { display: none;}
.gallery-top .swiper-slide .wz{width:90%; color:#fff; position:absolute; left:5%; top:36%; text-align: center;}
.gallery-top .swiper-slide .wz h3{font-size:24px; height:30px;}
.gallery-top .swiper-slide .wz h2{font-size:15px;  line-height:20px; letter-spacing:0px; padding-top: 15px;}
.gallery-top .swiper-slide .wz a { background: #1c74bb; width:120px; height:30px; line-height:30px; margin:10px auto 0px auto; display: none;}
.gallery-top .swiper-button-prev { display:none;}
.gallery-top .swiper-button-next { display:none;}
}


.gallery-topp{width:90%; position:relative; overflow:hidden; margin:0.5% auto 0 auto;}
.gallery-topp .swiper-slide img{width:100%; height:auto; display:block;}
.gallery-topp .swiper-button-next{width:30px; height:30px;  right:20px;background-size:30px 30px; -webkit-background-size:30px 30px; -moz-background-size:30px 30px; -ms-background-size:30px 30px; -o-background-size:30px 30x;}
.gallery-topp .swiper-button-prev{width:30px; height:30px;  right:20px;background-size:30px 30px; -webkit-background-size:30px 30px; -moz-background-size:30px 30px; -ms-background-size:30px 30px; -o-background-size:30px 30x;}
.gallery-topp .swiper-button-prev, .swiper-container-rtl .swiper-button-next {right: 47px; left: auto;}

@media only screen and (max-width:992px){
.gallery-topp{width:100%; position:relative; height: 40vh;}
.gallery-topp .swiper-slide { overflow: hidden;}
.gallery-topp .swiper-slide img{width: auto; height:40vh; position: absolute; left:50%;  transform:translateX(-50%);   top:0; }
}



.sy_gy { margin:100px auto;}
.sy_gy .zc { width:50%; float:left; }
.sy_gy .zc .wz {color:#000; font-size:18px; line-height:36px; margin-top:18px;}
.sy_gy .zc .mr { width:135px; height:45px; background:#050921; line-height:45px; text-align:center; color:#fff; text-transform:uppercase; border-radius:6px; margin-top:60px;}
.sy_gy .yc { width:30%; float:right;}


.sy_gy .yc ul li {
    position: relative;
    line-height: 70px;
    border-bottom: 1px solid #939393;
    font-size: 18px;
    color: #000;
}

.sy_gy .yc ul li::after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 0;
    height: 2px;
    transition: all 0.5s;
}

.sy_gy .yc ul li a {
    font-size: 18px;
    color: #000;
    font-weight: normal;
    transition: all 0.5s;
}

.sy_gy .yc ul li:hover::after {
    width: 100%;
    height: 2px;
    background-color: #4659ce;
    transition: all 0.5s;
}

.sy_gy .yc ul li:hover a {
    color: #4659ce;
    font-weight: bold;
    transition: all 0.5s;
}


@media only screen and (max-width:992px) {
    .sy_gy {
        margin: 60px auto;
    }

    .sy_gy .zc {
        width: 100%;
        float: none;
    }

    .sy_gy .yc {
        width: 100%;
        float: none;
    }
}


.sy_cpp {margin-top:0.5%; width:90%; margin:0px auto;}
.sy_cpp .cp1 { width:100%;}
.sy_cpp .cp1 .zc { width:70.4%; float:left; position:relative; overflow:hidden;}
.sy_cpp .cp1 .zc img {width:100%; height:100%;}
.sy_cpp .cp1 .zc .wz { position:absolute; left:0; bottom:-15%; width:100%; height:0; background:#4b63f6;  padding:50px; color:#fff; opacity:0; }
.sy_cpp .cp1 .zc .wz h2 { font-size:24px;}
.sy_cpp .cp1 .zc .wz p { font-size:14px; line-height:30px;}
.sy_cpp .cp1 .zc .wz h3 { left:50px; bottom:20%; font-size:14px; position:absolute;}
.sy_cpp .cp1 .zc:hover .wz { height:115%; transition: all 0.5s; opacity:1; }
.sy_cpp .cp1 .yc { width:29.1%; float:right; position:relative; overflow:hidden;}
.sy_cpp .cp1 .yc img { width:100%; height:auto;}
.sy_cpp .cp1 .yc .wz { position:absolute; left:0; bottom:-15%; width:100%; height:0; background:#4b63f6;  padding:50px; color:#fff; opacity:0; }
.sy_cpp .cp1 .yc .wz h2 { font-size:24px;}
.sy_cpp .cp1 .yc .wz p { font-size:14px; line-height:30px;}
.sy_cpp .cp1 .yc .wz h3 { left:50px; bottom:20%; font-size:14px; position:absolute;}
.sy_cpp .cp1 .yc:hover .wz { height:115%; transition: all 0.5s; opacity:1; }
.sy_cpp .cp2 { width:100%; margin-top:0.5%;}
.sy_cpp .cp2 .zc { width:46.2%; position:relative; overflow:hidden;}
.sy_cpp .cp2 .zc img { width:100%; height:auto;}
.sy_cpp .cp2 .zc .wz { position:absolute; left:0; bottom:-15%; width:100%; height:0; background:#4b63f6;  padding:50px; color:#fff; opacity:0;}
.sy_cpp .cp2 .zc .wz h2 { font-size:24px;}
.sy_cpp .cp2 .zc .wz p { font-size:14px; line-height:30px;}
.sy_cpp .cp2 .zc .wz h3 { left:50px; bottom:20%; font-size:14px; position:absolute;}
.sy_cpp .cp2 .zc:hover .wz { height:115%; transition: all 0.5s; opacity:1; }
.sy_cpp .cp2 .yc { width:53.3%; position:relative; overflow:hidden;}
.sy_cpp .cp2 .yc img { width:100%; height:auto;}
.sy_cpp .cp2 .yc .wz { position:absolute; left:0; bottom:-15%; width:100%; height:0; background:#050921;  padding:50px; color:#fff; opacity:0;}
.sy_cpp .cp2 .yc .wz h2 { font-size:24px;}
.sy_cpp .cp2 .yc .wz p { font-size:14px; line-height:30px;}
.sy_cpp .cp2 .yc .wz h3 { left:50px; bottom:20%; font-size:14px; position:absolute;}
.sy_cpp .cp2 .yc:hover .wz { height:115%; transition: all 0.5s; opacity:1;}
.sy_cpp .cp3 { width:100%; margin-top:0.5%;}
.sy_cpp .cp3 .zc { width:63%; position:relative; overflow:hidden;}
.sy_cpp .cp3 .zc img { width:100%; height:auto;}
.sy_cpp .cp3 .zc .wz { position:absolute; left:0; bottom:-17%; width:100%; height:0; background:#4b63f6;  padding:50px; color:#fff; opacity:0;}
.sy_cpp .cp3 .zc .wz h2 { font-size:24px;}
.sy_cpp .cp3 .zc .wz p { font-size:14px; line-height:30px;}
.sy_cpp .cp3 .zc .wz h3 { left:50px; bottom:20%; font-size:14px; position:absolute;}
.sy_cpp .cp3 .zc:hover .wz { height:117%; transition: all 0.5s; opacity:1;}
.sy_cpp .cp3 .yc { width:36.5%;  }
.sy_cpp .cp3 .yc .yt1  { width:100%; position:relative; overflow:hidden;}
.sy_cpp .cp3 .yc .yt1 img { width:100%; height:auto;}
.sy_cpp .cp3 .yc .yt1 .wz { position:absolute; left:0; bottom:-32%; width:100%; height:0; background:#4b63f6;  padding:50px; color:#fff; opacity:0;}
.sy_cpp .cp3 .yc .yt1 .wz h2 { font-size:24px;}
.sy_cpp .cp3 .yc .yt1 .wz p { font-size:14px; line-height:30px;}
.sy_cpp .cp3 .yc .yt1 .wz h3 { left:50px; bottom:32%; font-size:14px; position:absolute;}
.sy_cpp .cp3 .yc .yt1:hover .wz { height:132%; transition: all 0.5s; opacity:1;}
.sy_cpp .cp3 .yc .yt2  { width:100%; position:relative; overflow:hidden; margin-top:0.5%;}
.sy_cpp .cp3 .yc .yt2 img { width:100%; height:auto;}
.sy_cpp .cp3 .yc .yt2 .wz { position:absolute; left:0; bottom:-32%; width:100%; height:0; background:#050921;  padding:50px; color:#fff; opacity:0;}
.sy_cpp .cp3 .yc .yt2 .wz h2 { font-size:24px;}
.sy_cpp .cp3 .yc .yt2 .wz p { font-size:14px; line-height:30px;}
.sy_cpp .cp3 .yc .yt2 .wz h3 { left:50px; bottom:32%; font-size:14px; position:absolute;}
.sy_cpp .cp3 .yc .yt2:hover .wz { height:132%; transition: all 0.5s; opacity:1; }
@media only screen and (max-width:992px){
.sy_cpp {margin-top:0.5%; width:100%; margin:0px auto;}
.sy_cpp .cp1 { width:100%;}
.sy_cpp .cp1 .zc { width:100%; float: none; }
.sy_cpp .cp1 .zc .wz {padding:30px;font-size:30px;}
.sy_cpp .cp1 .yc { width:100%; float: none; }

.sy_cpp .cp2 .zc {  width:100%;}
.sy_cpp .cp2 .zc .wz {padding:30px;font-size:30px;}
.sy_cpp .cp2 .yc { width:100%; }
.sy_cpp .cp2 .yc .wz {padding:30px;font-size:30px;}
.sy_cpp .cp3 { width:100%; margin-top:0.5%;}
.sy_cpp .cp3 .zc { width:100%; }
.sy_cpp .cp3 .zc .wz {padding:30px;font-size:30px;}
.sy_cpp .cp3 .yc { width:100%;  }
.sy_cpp .cp3 .yc .yt1 .wz {padding:30px;font-size:30px;}
.sy_cpp .cp3 .yc .yt2 .wz {padding:30px;font-size:30px;}
.sy_cpp .cp3 .yc .yt1 .wz h3 { left:30px;}
.sy_cpp .cp3 .yc .yt2 .wz h3 { left:30px;}
.sy_cpp .cp3 .zc .wz h3 { left:30px;}
.sy_cpp .cp2 .yc .wz h3 { left:30px;}
.sy_cpp .cp2 .zc .wz h3 { left:30px;}
.sy_cpp .cp1 .yc .wz h3 { left:30px;}

}




/*关于我们*/
.i_two{ width: 100%; margin: 0px auto; background: url(../images1/dbj.jpg) no-repeat center bottom;  }
.counter{ overflow:hidden; text-align:center; width:94%; margin:0px auto; max-width:1200px; margin-top:50px;}
.counter ul li{ transition:all 0.3s; float: left; position:relative; margin:0px 6%; }
.counter ul li .nums{ overflow:hidden; color:#333; float:left;}
.counter span{display:inline-block; vertical-align:top; overflow:hidden; color:#4659ce; font-family:Arial; font-size:70px;}
.counter label{display:inline-block;vertical-align:top; line-height:2;font-weight:500; font-size:22px; color:#4659ce;  }
.counter .h6{  font-size:20px;  overflow:hidden;  color:#939393; float:left; text-align:left; padding-top:12px;}
.counter ul li:hover{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}
@media only screen and (max-width:1440px){
.f36 { font-size: 22px;}
.i_two{ width: 100%; margin: 0px auto; background: url(../images1/dbjj.jpg) no-repeat center bottom; }
.counter ul li{  }
.counter span{ font-size: 50px;}
}
@media only screen and (max-width:992px) {
.counter{ margin-top:40px;}
.counter ul li{ width: 100%; margin:0;  margin-bottom: 5%;  }	
.counter .h6{  font-size:20px; text-align:left; padding-top:4px; padding-left:10px;}
}


.sy_bt { width: 100%; text-align: center; margin: 40px auto;}
.sy_bt h2{font-size: 24px; font-weight: lighter; color:#939393;display:block; margin: 5px 0px 10px 0px;}
.sy_bt i{display:inline-block; width:28%; height:1px; background:#a3a3a3; vertical-align:middle; }
.sy_bt h2 em { margin: 0px 30px;}

@media only screen and (max-width:992px) {
.sy_bt {width:94%;  margin: 30px auto;}
.sy_bt h2{font-size:24px;}
.sy_bt i{ width:50px; }
.sy_bt h2 em { margin:0px 10px;}
}


.sy_hj { width:94%; margin:0px auto; max-width:1000px;}
.sy_hj ul li { width:16.66%; float:left; text-align:center;}
@media only screen and (max-width:992px) {
.sy_hj ul li { width:33.33%; float:left; text-align:center;}
}


.sy_lx { width:100%; padding:100px 0px; background:#050921; margin-top:50px;}
.sy_lx .zc { width:46%; float:left;}
.sy_lx .zc .w1 { font-size:18px; line-height:36px; color:#fff;}
.sy_lx .zc .w2 { margin-top:40px;}
.sy_lx .yc { width:40%; float:right;}
.sy_lx .yc .t1{ width:100%; border-bottom:1px solid #fff; line-height:60px; color:#fff; font-size:18px; margin-bottom:30px; }
.sy_lx .yc .t2{ width:100%;border:none;outline:none; border-bottom:1px solid #fff; height:220px; padding-top:10px; line-height:30px; color:#fff; font-size:18px; margin-bottom:10px; background:none; }
.sy_lx .yc .t3 { background:none; color:#fff;}
.sy_lx .yc .t4 { width:160px; height:50px; line-height:50px; border-radius:5px; text-align:center; font-size:24px; background:#4b63f6; color:#fff; margin-top:35px;}
.sy_lx .yc .t4 a {color:#fff; font-size:24px;}
@media only screen and (max-width:992px) {
.sy_lx { width:100%; padding:50px 0px; margin-top:20px;}
.sy_lx .zc { width:100%; float: none;}	
.sy_lx .yc { width:100%; float: none;}
}


.gy_bt { text-align:center; }
.gy_bt h3 { font-size:28px; color:#939393; text-transform:uppercase; font-family:HarmonyOS Sans SC;}
.gy_bt h1 { font-size:23px; color:#939393; font-family:HarmonyOS Sans SC;}


.app_g { padding: 60px 0px; overflow: hidden; margin: 0 auto; width:94%; max-width:1200px;}
.app_g .a1 {margin: 40px auto 0px auto;display: flex;flex-wrap: wrap;border-top: 1px solid #dddddd;border-left: 1px solid #dddddd;}
.app_g .a1 .item { width:25%;height:95px;background-color: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;border-bottom: #dddddd 1px solid; padding-top: 15px; border-right: 1px solid #dddddd;p
transition: 0.5s;}
.app_g .a1 .item:hover {position: relative;z-index: 2;box-shadow: 0px 0px 0.38rem 0px rgba(0, 0, 0, 0.2);}
.app_g .a1 .item span { width: 90%;height: auto;display: block; margin-bottom: 16px;}
.app_g .a1 .item span img { width: 100%; height: auto;display: block; }
@media only screen and (max-width:1360px) {
.app_g { width: 90%;}
}
@media only screen and (max-width:992px) {
.app_g { width: 94%; padding: 30px 0px; }	
.app_g .a1 {margin: 20px auto 0px auto;}
.app_g .a1 .item { width: 33.33333%; height: 50px;}
}


.sy_lb { width:100%; padding:80px 0px 30px 0px; background:#050921; margin-top:50px;}
.sy_lb ul li { width:46%; float:left; margin-right:8%; border-left:2px solid #4b63f6; padding-left:15px; margin-bottom:50px;}
.sy_lb ul li .z1 { font-size:18px; color:#fff; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;  }
.sy_lb ul li .z1 a {font-size:18px; color:#fff;}
.sy_lb ul li .z2 { font-size:14px; color:#939393; padding-top:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;  }
.sy_lb ul li .z2 a {font-size:14px; color:#939393;}
.sy_lb ul li:nth-child(2n)  { margin-right:0;}
@media only screen and (max-width:992px) {
.sy_lb { width:100%; padding:50px 0px 30px 0px;  margin-top:30px;}
.sy_lb ul li { width:100%; float:left; margin-right:0%; border-left:2px solid #4b63f6; padding-left:15px; margin-bottom:30px;}
}


.foot { width:100%; background:#4b63f6; padding:30px 0px;}
.foot .sm { border-bottom:1px solid #fff; height:50px; line-height:50px;}
.foot .sm a { margin-right:100px; font-size:18px; color:#fff;}
.foot .db { padding-top:10px;}
.foot .db .az { font-size:14px; float:left; color:#fff; line-height:30px;}
.foot .db .yz { float:right;}
@media only screen and (max-width:992px) {
.foot .sm a { margin-right:20px; font-size:16px; color:#fff;}
.foot .db .az { font-size:12px; line-height:20px;}
.foot .db .yz { display:none;}
}


.mr { width:160px; height:40px; line-height:40px; border-radius:5px; color:#fff; text-align:center; background:#4b63f6; margin:20px auto;}
.mr a {color:#fff;}





.black_overlay{ display: none;  position: fixed;  top: 0%;  left: 0%;  width: 100%; height: 100%; background-color: black; z-index:1001;  -moz-opacity: 0.5; opacity:.50; filter: alpha(opacity=50); } 
.gban { float:right; font-size:18px; position:absolute; right:20px; top:20px;}


.fufei {display: none; position: fixed; left:50%; top:50%; transform:translate(-50%,-50%); width:90%; max-width:1200px; box-sizing:border-box; padding:10px; background:#fff; border-radius:5px; z-index:1002; overflow: auto;} 
.fufei img { width:100%; height:auto;}

.fufei h1{ display:block; text-align:center;font-size:18px; font-weight:bold; height:30px; text-align:center}
.fufei p a{ display:block; width:100px; line-height:30px; border-radius:50px; margin:0 auto; background:#c0b1fb; text-align:center; color:#fff; font-size:14px; margin-top:20px}



.sy_gd { width:150px; height:35px; line-height:35px; text-align:center; color: #FFF; margin:20px auto 0px auto; font-size:16px; background-image: linear-gradient(50deg, #bae7fd,#c0b1fb);  border-radius:20px;}
.sy_gd a { font-size:16px; color:#FFF;}